<template>
	<view class="">
		<view class="con">
			<image src="/static/common/loginbg.png" class="bg" mode=""></image>
			<view class="con__info">
				<view class="con__mobile">
					173****0787
				</view>
				<view class="con__text">
					未注册手机号首次登录注册成功
				</view>
				<u-button @click="login"
					:customStyle="{width:'587rpx',height:'93rpx',padding:0,fontSie:'32rpx',margin:'0 0 120rpx',}"
					shape='circle' color="#FF4D30" text="一键登录/注册"></u-button>
			</view>
		</view>
		<view class="footer">
			<view class="tip" @click="other" style="position: relative;z-index: 99;">
				其他登录
			</view>
			<image src="/static/common/wx.png" class="vx" mode=""></image>
			<view class="u-flex u-flex-y-center">
				<u-checkbox-group v-model="checkboxValue1" activeColor="#ff4d30">
					<u-checkbox :customStyle="{marginRight: '5rpx'}" shape="circle">
					</u-checkbox>
				</u-checkbox-group>
				<view class="text">我已阅读并同意
					<text style="font-size: 24rpx;color: #FF4D30;">《用户协议》</text>和
					<text style="font-size: 24rpx;color: #FF4D30;">《隐私政策》</text>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				checkboxValue1: [],
			}
		},
		onLoad() {

		},
		methods: {
			login() {
				uni.switchTab({
					url: '/pages/tabbar/my'
				})
			},
			other() {
				uni.reLaunch({
					url: "/pages/index/login2"
				})
			}
		}
	}
</script>

<style lang="scss">
	.bg {
		width: 750rpx;
		height: 1171rpx;
		position: absolute;
		top: 0;
		left: 0;
	}

	.con {
		position: relative;
		width: 750rpx;
		height: 1171rpx;

		&__info {
			position: absolute;
			bottom: 0;
			width: 750rpx;
			left: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		&__mobile {
			font-family: PingFang-SC, PingFang-SC;
			font-weight: bold;
			font-size: 44rpx;
			color: #1E1E1E;
			line-height: 34rpx;
			margin-bottom: 32rpx;
		}

		&__text {
			font-family: PingFang-SC, PingFang-SC;
			font-weight: bold;
			font-size: 24rpx;
			color: #949494;
			line-height: 24rpx;
			margin-bottom: 52rpx;
		}

	}

	.footer {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: -80rpx;
		padding-bottom: 60rpx;

		.tip {
			font-family: PingFang-SC, PingFang-SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #9A9A9A;
			line-height: 24rpx;
		}

		.vx {
			width: 84rpx;
			height: 81rpx;
			margin: 40rpx 0;
		}

		.text {
			font-family: PingFang-SC, PingFang-SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #9A9A9A;
			line-height: 24rpx;
			display: flex;
			align-items: center;
		}
	}
</style>